<!--
 * @Description: 师德师风建设机制与成效
 * @Autor:  AgoniLay
 * @Date: 2021-10-03 21:36:10
 * @LastEditTime: 2021-10-08 21:03:05
 * @FilePath: \subject-evaluation\src\views\page\2-1-1.vue
-->
<template>
  <div class="II-I-I">
    <div class="II-I-I__title">
      II 师资队伍与资源
    </div>
    <table class="II-I-I__table">
      <tr class="II-I-I__table-trone">
        <td class="II-I-I__table-trone-td"
            colspan="6">
          <div class="II-I-I__table-trone-td-title">
            II-1师德师风建设机制与成效
          </div>
        </td>
      </tr>
      <tr class="II-I-I__table-trtwo">
        <td class="II-I-I__table-trtwo-td"
            colspan="6">
          <div class="II-I-I__table-trtwo-td-title">
            （一）师德师风建设机制与做法
            <span class="II-I-I__table-trtwo-td-title-tips">
              （限800字）
            </span>
          </div>
        </td>
      </tr>
      <tr class="II-I-I__table-trthree">
        <td class="II-I-I__table-trthree-td"
            colspan="6">
          <el-input v-model="baa.practice"
                    type="textarea"
                    :autosize="{ minRows:10 }"
                    showWordLimit
                    placeholder="请输入师德师风建设机制与做法"
                    :maxlength="800"
                    class="II-I-I__table-trthree-td-textarea"/>
        </td>
      </tr>

      <tr class="II-I-I__table-trfour">
        <td class="II-I-I__table-trfour-tdone">
          正教授给本科生<br>上课的人数比例
        </td>
        <td class="II-I-I__table-trfour-tdtwo">
          <el-input v-model="baa.stuRatio"
                    class="II-I-I__table-trfour-tdtwo-input"
                    type="input"
                    placeholder="10"
                    :maxlength="5"
                    oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+2)}"/>%
        </td>
        <td class="II-I-I__table-trfour-tdthree">
          正教授人均年平均<br>给本科生上课门数
        </td>
        <td class="II-I-I__table-trfour-tdfour">
          <el-input v-model="baa.courseNum"
                    class="II-I-I__table-trfour-tdfour-input"
                    type="input"
                    placeholder="10"
                    :maxlength="5"
                    oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+2)}"/>
        </td>
        <td class="II-I-I__table-trfour-tdfive">
          正教授人均年平均<br>给本科生上课课时数
        </td>
        <td class="II-I-I__table-trfour-tdsix">
          <el-input v-model="baa.classHours"
                    class="II-I-I__table-trfour-tdsix-input"
                    type="input"
                    placeholder="10"
                    :maxlength="5"
                    oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+2)}"/>
        </td>
      </tr>
      <tr class="II-I-I__table-trfive">
        <td class="II-I-I__table-trfive-td"
            colspan="5">
          <div class="II-I-I__table-trfive-td-title">
            （二）师德师风建设主要成效
            <span class="II-I-I__table-trfive-td-title-tips">
              （限800字）
            </span>
          </div>
        </td>
      </tr>
      <tr class="II-I-I__table-trthree">
        <td class="II-I-I__table-trthree-td"
            colspan="6">
          <el-input v-model="baa.result"
                    type="textarea"
                    :autosize="{ minRows : 10 }"
                    maxlength="800"
                    showWordLimit
                    placeholder="请输入师德师风建设主要成效"
                    class="II-I-I__table-trthree-td-textarea"/>
        </td>
      </tr>
      <tr class="II-I-I__table-trseven">
        <td class="II-I-I__table-trseven-tdone"
            colspan="3">
          荣誉表彰
        </td>
        <td class="II-I-I__table-trseven-tdtwo"
            colspan="2">
          获得者
        </td>
        <td class="II-I-I__table-trseven-tdthree">
          获得年度
        </td>
        <el-button  type="success"
                    size="small"
                    icon="el-icon-plus"
                    class="II-I-I__table-trseven-add-button"
                    circle
                    @click.prevent="addHonorItem"/>
      </tr>
      <tr v-for="(item, index) in baa.honors"
          :key="index"
          class="II-I-I__table-treight">
        <td colspan="3"
            class="II-I-I__table-treight-tdone">
          <el-select  v-model="item.honorName"
                      class="II-I-I__table-treight-tdone-select"
                      placeholder="请选择">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"/>
          </el-select>
        </td>
        <td class="II-I-I__table-treight-tdtwo"
            colspan="2">
          <el-input v-model="item.honer"
                    class="II-I-I__table-treight-tdtwo-input"
                    type="input"/>
        </td>
        <td class="II-I-I__table-treight-tdthree">
          <el-input v-model="item.year"
                    class="II-I-I__table-treight-tdthree-input"
                    type="number"/>
        </td>
        <el-button  type="danger"
                    size="small"
                    icon="el-icon-delete"
                    class="II-I-I__table-treight-delete-button"
                    circle
                    @click.prevent="deleteHonorItem(index)"/>
      </tr>
    </table>
    <div class="II-I-I__explain">
      <span class="II-I-I__explain-strong">
        说明：①
      </span>
      表（一）统计教授上课门数及课时数，统计范围包括实验教学课、工程实训课，不包括医学临床教学课、讲座、习题课、课外辅导等，下同。
      <span class="II-I-I__explain-strong">
        ②
      </span>
      若本学科专任教师（“专任教师”界定见
      <a  href=""
          @click="toII_II_I_explain()">
        表 II-2-1 说明②
      </a>
      ）获得“共和国勋章、人民英雄、人民教育家、人民楷模、人民科学家、人民艺术家、文物保护杰出贡献者、全国高校黄大年式教师团队、时代楷模、全国教书育人楷模、最美教师、全国优秀教师、全国模范教师、全国优秀教育工作者、全国教育系统先进工作者、全国教育系统先进集体、全国师德标兵、全国师德模范、全国劳动模范、全国先进工作者、全国道德模范、全国五一劳动奖章获得者、全国三八红旗手、最美奋斗者、感动中国年度人物、全国优秀共产党员、全国优秀党务工作者、全国抗击新冠肺炎疫情先进个人、全国抗击新冠肺炎疫情先进集体、全国脱贫攻坚奖”荣誉表彰，请在表（二）下方表格单独列出，其他荣誉表彰可在表（二）中文字描述。
    </div>
  </div>
</template>

<script>
import { getPageData } from '@/utils/getData.js'

export default {
  watch: {
    baa: {
      handler (newVal) {
        sessionStorage['this_data'] = JSON.stringify(newVal)
      },
      deep: true,
      immediate: true
    }
  },
  data () {
    return {
      options: [
        { value: '0', label: '共和国勋章' },
        { value: '1', label: '人民英雄' },
        { value: '2', label: '人民教育家' },
        { value: '3', label: '人民楷模' },
        { value: '4', label: '人民科学家' },
        { value: '5', label: '人民艺术家' },
        { value: '6', label: '文物保护杰出贡献者' },
        { value: '7', label: '全国高校黄大年式教师团队' },
        { value: '8', label: '时代楷模' },
        { value: '9', label: '全国教书育人楷模' },
        { value: '10', label: '最美教师' },
        { value: '11', label: '全国优秀教师' },
        { value: '12', label: '全国模范教师' },
        { value: '13', label: '全国优秀教育工作者' },
        { value: '14', label: '全国教育系统先进工作者' },
        { value: '15', label: '全国教育系统先进集体' },
        { value: '16', label: '全国师德标兵' },
        { value: '17', label: '全国师德模范' },
        { value: '18', label: '全国劳动模范' },
        { value: '19', label: '全国先进工作者' },
        { value: '20', label: '全国道德模范' },
        { value: '21', label: '全国五一劳动奖章获得者' },
        { value: '22', label: '全国三八红旗手' },
        { value: '23', label: '最美奋斗者' },
        { value: '24', label: '感动中国年度人物' },
        { value: '25', label: '全国优秀共产党员' },
        { value: '26', label: '全国优秀党务工作者' },
        { value: '27', label: '全国抗击新冠肺炎疫情先进个人' },
        { value: '28', label: '全国抗击新冠肺炎疫情先进集体' },
        { value: '29', label: '全国脱贫攻坚奖' }
      ],
      value: '',
      baa: {
        honors: [
          { honorName: '', honer: '', year: '' }
        ],
        practice: '',
        result: '',
        stuRatio: '',
        classHours: '',
        courseNum: ''
      }
    }
  },
  async mounted () {
    const loading = this.$loading({ lock: true, text: '数据获取中...请稍后！', background: 'rgba(0, 0, 0, 0.7)' })

    this.baa = await getPageData('baa')
    loading.close()
  },
  methods: {
    addHonorItem () {
      this.baa.honors.push({ honorName: '', honer: '', year: '' })
    },
    deleteHonorItem (index) {
      if (this.baa.honors.length > 1) this.baa.honors.splice(index, 1)
    },
    toII_II_I_explain () {
      this.$router.push()
    }
  }
}
</script>

<style lang="less" scoped>
@import '../../assets/css/page/2-1-1.less';
</style>
